<template>
  <div style="text-align: right; font-size: 12px">
    <el-dropdown>
      <div style="margin-right: 30px">
        <i class="el-icon-setting" style="margin-right: 2px"></i>{{name}}
      </div>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>
          <el-button>
            退出
          </el-button>
        </el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  name: "header",
  data(){
    return {
      name:"测试"
    }
  }
}
</script>

<style scoped>
.el-dropdown{
  float: right;
}
</style>